<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Electronic Seal Generator</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <div class="container">
    <h1>电子印章生成器</h1>
    
    <div class="form-group">
      <label for="sealType">印章类型:</label>
      <select id="sealType">
        <option value="1">公章</option>
        <option value="2">业务专用章</option>
        <option value="3">法人章</option>
      </select>
    </div>
    
    <div class="form-group" id="companyNameGroup">
      <label for="companyName">公司名称:</label>
      <input type="text" id="companyName" placeholder="请输入公司名称">
    </div>
    
    <div class="form-group" id="legalNameGroup" style="display: none;">
      <label for="legalName">法人名称:</label>
      <input type="text" id="legalName" placeholder="请输入法人名称" maxlength="4">
    </div>
    
    <div class="form-group">
      <label for="sealName">印章名称:</label>
      <input type="text" id="sealName" placeholder="请输入印章名称">
    </div>
    
    <div class="form-group">
      <label for="sealCode">印章代码:</label>
      <input type="text" id="sealCode" placeholder="请输入印章代码">
    </div>
    
    <div class="actions">
      <button id="generateBtn">生成印章</button>
      <button id="downloadBtn" disabled>下载印章</button>
    </div>
    
    <div class="preview-container">
      <h2>印章预览</h2>
      <div class="seal-preview">
        <canvas id="sealCanvas" width="168" height="168"></canvas>
      </div>
    </div>
    
    <div class="config-panel">
      <button id="configBtn">印章配置</button>
      <div id="configOptions" style="display: none;">
        <div class="form-group">
          <label for="sealSize">印章尺寸:</label>
          <input type="number" id="sealSize" min="100" max="350" value="168" step="1">
        </div>
        
        <div class="form-group">
          <label for="centerScale">中心图案占比(%):</label>
          <input type="number" id="centerScale" min="1" max="50" value="25">
        </div>
        
        <div class="form-group">
          <label for="lineWidth">边线宽度:</label>
          <select id="lineWidth">
            <option value="1">1px</option>
            <option value="2">2px</option>
            <option value="3">3px</option>
            <option value="4" selected>4px</option>
            <option value="5">5px</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  
  <script src="js/popup.js"></script>
</body>
</html> 